
.controller.ds4.white {
  background-image: url(./svgs/base.svg) !important;
}

.ds4.white .stick {
  background-image: url(./svgs/sticks.svg) !important;
  background-repeat: no-repeat;
  background-size: 300%;
}

.ds4.white .face {
	background-image: url(./svgs/dpad.svg) !important;
	background-repeat: no-repeat;
	background-size: 500%;
}
.ds4 .face.up {
    left: 44px;
    top: 0;
    background-position: -38px 0px;
}
.ds4 .face.right.pressed {
	background-position-y: -53px;
    background-position-x: -128px;
    background-size: 344%;
}
.ds4 .face.left.pressed {
	background-position-y: -53px;
    background-position-x: -76px;
    background-size: 344%;
}
.ds4 .face.down.pressed {
	background-position-y: -53px;
}
.ds4 .face.up.pressed {
	background-position-y: -53px;
}
.ds4.white .button{
    background-image: url(./svgs/face.svg) !important;
    background-size: 410%;
    background-repeat: no-repeat;
}
/*右侧按键*/
/*×*/
.ds4.white .button.a{
	background-position-x: -1px;
}
/*方块*/
.ds4.white .button.x{
	background-position-x: -114px;
}
/*三角*/
.ds4.white .button.y{
	background-position-x: -171px;
}
/*圈*/
.ds4.white .button.b{
	background-position-x: -58px;
}
/*右侧按键按下*/
.ds4.white .button.pressed{
    background-position-y: -57px;
}

.ds4.white .bumper {
    background-image: url(./svgs/bumper.svg) !important;
}

.ds4.white .trigger {
    background-image: url(./svgs/triggers.svg) !important;
    background-size: 200%;
}

.ds4.white .touchpad.pressed {
    background-image: url(./svgs/touchpad.svg) !important;
}

.ds4.white .back, .ds4 .start {
    background-image: url(./svgs/start.svg) !important;
}
